<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style>/* s ty le */
			*{
				padding: 0;
				margin: 0;
			}
			header{
				width: 100%;
				height: 100px;
				background-color: red;
			}
			nav{
				width: 100%;
				height: 36px;
				background-color: aqua;
			}
			main{
				display: block;
				width: 100%;
				height: 500px;
				background-color:#ccc;
			}
			main > article{
				width: 80%;
				height: 100%;
				background-color: brown;
				float: left;
			}
			main>aside{
				width: 20%;
				height: 100%;
				background-color: chocolate;
				float: right;
			}
			footer{
				width: 100%;
				height: 80px;
				background-color: blue;
			}
		</style>
	</head>
	<script src="js/html5shiv/html5shiv.js"></script>
	<body>
		<header>嗯嗯嗯</header>
		<nav>导航</nav>
		<main>
			
			<article>左侧</article>
			<aside>右侧</aside>
		</main>
		<footer>脚</footer>
	</body>
</html>